<template>
  <div class="gudao_delay">
    <div class="set-nav">
      <div class="my-back" v-on:click="backFn()">
        <i class="iconfont icon-arrowLeft-fill"></i>
      </div>
    </div>

    <div class="delay">
      <div class="txt">
        <span>天气困人梳洗懒,小主正在努力中...</span>
      </div>
      <div class="img_d">
        <img src="../assets/img/kaoge.png" />
      </div>
      <div class="txt">
        <span>未完待续...</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    backFn() {
      this.$router.go(-1);
    }
  },
}
</script>

<style lang="scss" scoped>
.gudao_delay {
  width: 100%;
  height: 666px;
  background-color: #fff;
  .delay {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -150px;
    width: 300px;
    height: 300px;
    .txt {
      height: 50px;
      font-size: 16px;
      text-align: center;
      margin-top: 10px;
      margin-left: -80px;
    }
    .img_d {
      width: 200px;
      height: 200px;
      img {
        width: 100%;
        height: 100%;
        display: block;
      }
    }
  }
}

.set-nav {
    height: 50px;
    position: relative;
    div {
      height: 50px;
      position: absolute;
    }
    .my-back {
      width: 50px;
      text-align: center;
      line-height: 50px;
      i {
        font-size: 30px;
      }
    }
}
</style>